#@layout()
#define title()
信件查询
#end
#define main()
<div class="table_box">
    <form class="layui-form" action="">
	    <blockquote class="layui-elem-quote layui-text">
	    <p>按信件编号、查询码（如果是满意度信访件，您可对信访局或者职能单位进行评价）</p>
	    </blockquote>
    
        <div class="layui-form-item">
		    <div class="layui-inline">
		      <label class="layui-form-label">信件编号</label>
		      <div class="layui-input-inline">
		        <input name="xjbh" id="xjbh" lay-verify="required" placeholder="信件编号" autocomplete="off" class="layui-input" type="text">
		      </div>
		    </div>
		    <div class="layui-inline">
		      <label class="layui-form-label">查询码</label>
		      <div class="layui-input-inline">
		        <input name="cxm" id="cxm" lay-verify="required" placeholder="查询码" autocomplete="off" class="layui-input" type="text">
		      </div>
		    </div>
		    <div class="layui-inline">
              <input type="button" class="layui-btn" id="querybtn" lay-filter="querybtn" value="查询"/>
            </div>
		</div>

    </form>
    
    <table id="xjtable" class="layui-table" lay-skin="row" lay-size="lg">	  
	</table>
    
    <script type="text/javascript" src="#(ctx)/layui/layui.js" charset="utf-8"></script>
    <script>
    layui.use('form', function(){
        var form = layui.form;
    });
    layui.use('table', function(){
        var $ = layui.jquery, table = layui.table;
            
 //       table.init('parse-table-demo',{});
        table.render({
		    elem: '#xjtable'
		    ,height: 315
		    ,url: '#(ctx)/site/queryWxInfo'
		    ,method: 'post'
		    ,cols: [[ //表头
		      {field: 'fCentralId', title: '信访件编号', width:200, fixed: 'left'}
		      ,{field: 'tsnr', title: '内容说明'}
		      ,{field: 'xfrq', title: '写信时间', width:150}
		      ,{field: 'opt', title: '查看', width:150} 
		    ]]
		 });
		 
		 $("#querybtn").click(function(){
		      table.reload('xjtable', {
		          where: {
		              xfjbh:$("#xjbh").val(), 
		              cxm:$("#cxm").val()
		          }
		      });
		 });
    });
</script>
</div>
#end